<style>
  .box{width: 100%; height: 160px; }
  div > img{ width: 100%; height: 100%; }
</style>
<ion-view view-title="首页">
  <ion-content>
    <!--=== banner ===-->
    <ion-slide-box on-slide-changed="slideHasChanged($index)" auto-play="true" does-continue="true" slide-interval=2000 show-pager="true" pager-click="pageClick(index)" active-slide="model.activeIndex" delegate-handle="delegateHandler">
      <ion-slide>
        <div class="box">
          <img src="img/banner-a.jpg">
        </div>
      </ion-slide>
      <ion-slide>
        <div class="box">
          <img src="img/banner-b.jpg">
        </div>
      </ion-slide>
      <ion-slide>
        <div class="box">
          <img src="img/banner-c.jpg">
        </div>
      </ion-slide>
      <ion-slide>
        <div class="box">
          <img src="img/banner-d.jpg">
        </div>
      </ion-slide>
    </ion-slide-box>
    <!--=== / banner ===-->

    <!--=== list 1 ===-->
    <ion-list class="list-grop">
      <ion-item class="item-list-horizontal items3">
        <a class="item no-border" href="#">
          <img src="img/icon/iso/p-1-i1.png"><br/>
          扫码支付
        </a>
        <a class="item no-border" href="#">
          <img src="img/icon/iso/p-1-i2.png"><br/>
          我要借款
        </a>
        <a class="item no-border" href="#">
          <img src="img/icon/iso/p-1-i3.png"><br/>
          我要还款
        </a>
      </ion-item>
      <ion-item  class="item-remove-animate item-icon-right"  type="item-text-wrap" href="#">
        <span class="num-a">1000.00</span>
        我要提额<i class="icon ion-chevron-right icon-accessory"></i>
      </ion-item>
    </ion-list>
    <!--=== / list ===-->
    <div class="clear15"></div>
    <!--=== list 2 ===-->
    <ion-list>
      <ion-item class="item-icon-left item-icon-right"  href="#">
        <i class="icon"> <img src="img/icon/iso/p-1-i4.png"></i>
        <div style="line-height: 30px;"> 校园一卡通充值</div>
        <i class="icon ion-chevron-right icon-accessory"></i>
      </ion-item>
    </ion-list>
    <!--=== / list 2 ===-->
    <div class="clear15"></div>

    <!--=== list 3 ===-->
    <ion-list class="item-list-horizontal items4">
      <ion-item href="#">
        <img src="img/icon/iso/p-1-i5.png"><br/>
        汪社区
      </ion-item>
      <ion-item href="#">
        <img src="img/icon/iso/p-1-i6.png"><br/>
        夺宝奇兵
      </ion-item>
      <ion-item  href="#">
        <img src="img/icon/iso/p-1-i7.png"><br/>
        人气榜
      </ion-item>
      <ion-item href="#">
        <img src="img/icon/iso/p-1-i8.png"><br/>
        邀约
      </ion-item>
    </ion-list>
    <!--=== / list 3 ===-->

  </ion-content>
</ion-view>
